<%--
  Created by IntelliJ IDEA.
  User: dell
  Date: 2022/4/18
  Time: 20:06
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link  href="CSS/chatroom.css" rel="stylesheet" type="text/css"/>
    <title>聊天室</title>
</head>
<body>
<div class="con">
    <div class="header">
       <p> 用户：张胜</p>
<%--       <p style="color: green;display: inline">在线</p>--%>
    </div>
    <div class="center">
        <div class="left">
            <div class="up">
                <p>张三：你好</p>
                <p>李四：你好</p>

            </div>
            <div class="down">
                <textarea name="" id="" style="width: 80%;height: 100%;"></textarea>
                <input type="button" value="发送">
            </div>
        </div>
        <div class="right">
            <div class="up">
                <a>好友列表</a>
            </div>
            <div class="center">
                <p>张三</p>
                <p>李四</p>
            </div>
            <div class="down">
               <a> 系统广播</a>
                <div class="xx">
                    <p>您的好友张三已经下线了！！</p>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
